

<!-- 演示生命周期 -->
<!-- <app-lifecycle [title]='title' [category]='title' [hello]='title'

(city)='getCity($event)'
></app-lifecycle>
<p>我是根组件</p> -->

<!-- 演示异步数据 -->
<!-- <app-home></app-home> -->

<!-- 通过angular里的httpClient的aiax请求get,post数据 -->
<!-- <app-http></app-http> -->

<!-- 通过封装axios服务调用get,post -->

<!-- <app-axios></app-axios> -->

<!-- 通过封装rxjs服务调用get,post -->

<!-- <app-rxjs></app-rxjs> -->

<div class="header">

    <a routerLink="/home" routerLinkActive="actived" >首页</a>
    <a routerLink="/http" routerLinkActive="actived" >请求</a>
    <a [routerLink]="['/axios']" routerLinkActive="actived" >axios</a>
    <a [routerLink]="['/news']" routerLinkActive="actived" >新闻</a>
    <a [routerLink]="['/product']" routerLinkActive="actived" >产品</a>
</div>

<router-outlet></router-outlet>